.main {
  .ivu-layout{
    background-color: #edeef2;
  }
 
  .metaTitle{
    height: 48px;
    line-height: 48px;
    color: #112849;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #e9e7ea;
  }
  .logo-con {
    height: 97px;
    padding: 10px;

    img {
      height: 44px;
      width: auto;
      display: block;
    }
  }

  .header-con {
    background: #fff;
    padding: 0 20px;
    width: 100%;
  }

  .main-layout-con {

    height: 100%;
    // overflow: hidden;
  }

  .main-content-con {
    // height: ~"calc(100% - 240px)";
    // overflow: scroll;
  }

  .tag-nav-wrapper {
    height: 40px;
    background: #F0F0F0;
    // overflow: hidden;
  }

  .content-wrapper {
    min-width: 1100px;
    // height: ~"calc(100% - 320px)";
    // overflow: auto;
  }

  .content-wrapper-padding {
    padding: 10px
  }

  .content-wrapper-padding-no {
    padding: 0;
  }

  .left-sider {
    overflow-x: hidden;

    .ivu-layout-sider-children {
      overflow-y: scroll;
      &::-webkit-scrollbar {
        display: none;
      }
      .ivu-menu-submenu-title-icon{
        right: 8px !important;
      }
    }
  }
}


.ivu-menu-item>i {
  margin-right: 12px !important;
}

.ivu-menu-submenu>.ivu-menu>.ivu-menu-item>i {
  margin-right: 8px !important;
}

.ivu-menu-item {
  i {
    font-size: 16px;
  }
}

// ::-webkit-scrollbar-thumb{
//   background-color: #eee !important;
// }
.collased-menu-dropdown {
  width: 100%;
  margin: 0;
  line-height: normal;
  padding: 7px 0 6px 16px;
  clear: both;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;

  &:hover {
    background: rgba(100, 100, 100, 0.1);
  }

  & * {
    color: #515a6e;
  }

  .ivu-menu-item>i {
    margin-right: 12px !important;
  }

  .ivu-menu-submenu>.ivu-menu>.ivu-menu-item>i {
    margin-right: 8px !important;
  }
}

.ivu-select-dropdown.ivu-dropdown-transfer {
  max-height: 400px;
}


.ivu-layout-sider,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover,
.ivu-menu-dark {
  background-color: #183A66 !important;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened {
  background-color: #183A66 !important;
}

.fixHeader {
  position: fixed;
  min-width: 100%;
  width: max-content;
  top: 0px;
  left: 0px;
  z-index: 1993;
}

.header-con.main-top {
  // background-color: #183A66 !important;
  background-image: url(../../assets/images/header_back.png);
  background-size: 100% 100%;
  background-color:#234775 !important;
  height: 70px;
  line-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px 0 16px !important;

  >div {
    display: flex;
    align-items: center;
  }

  .pageTitle {
    color: #fff;
    font-size: 18px;
    margin-left: 12px;
  }
}

.main {
  // height: calc(100vh - 140px);
  background-color: aquamarine;
}

.main .logo-con {
  background-color: #183A66;
  height: 97px;
  font-style: italic;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.main .left-sider .ivu-layout-sider-children {
  // margin-right: -19px !important;
}

//子菜单组
body .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
  background-color: #122c4b !important;
}

// iView组件自带颜色 适配 首页颜色 移上去样式
body .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover,
body .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  border-right: none;
  background-color: #183A66 !important;
}

// // 选中
// body .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active {
//   background-color: #1A365C !important;
// }

// 导航栏菜单 无子项菜单样式
body .ivu-menu-dark.ivu-menu-vertical   .ivu-menu-item-active.ivu-menu-item-selected:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical   .ivu-menu-submenu-title-active.ivu-menu-item-selected:not(.ivu-menu-submenu) {
  background-color: #2c66aa !important;
  color: #fff;
}